<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>糯米商城</title>
    <!-- 页面关键字 -->
    <meta name="keywords" content="糯米,糯米8,糯米7,糯米5Plus,糯米MIX2,糯米商城" />
    <!-- 页面的描述 -->
    <meta name="description" content="糯米商城直营糯米公司旗下所有产品，囊括糯米手机系列糯米Note 3、糯米8、糯米MIX 2S，红米手机系列红米5 Plus、红米6 Pro，智能硬件，配件及糯米生活周边，同时提供糯米客户服务及售后支持。" />

    <!-- 收藏夹图标 -->
    <link rel="shortcut icon" href="./images/favicon.ico">

    <!-- 先引入重置的CSS样式文件 -->
    <link rel="stylesheet" href="./css/reset.css">

    <!-- 引入字体图标的css文件 -->
    <link rel="stylesheet" href="./css/iconfont.css">

    <!-- 引入当前页面的CSS文件 -->
    <link rel="stylesheet" href="./css/index.css">

    <!--获取屏幕宽度，根据屏幕宽度进行自适应-->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--引入bootStrap-->
<!--    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.min.css"/>-->
    <!--    引入AJAX  JQ-->
    <script type="text/javascript" src="js/http.js"></script>
    <script src="js/jquery-3.5.0.min.js"></script>
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
    <script type="text/javascript" charset="utf-8" src="./js/header1.js"></script>
    <!-- 主体导航 end -->

    <!-- 定义分类菜单和banner图 start -->
    <div class="home_container con_width">
        <!-- 定义菜单 -->
        <div class="menu_list">
            <ul>
                <li><a href="#">手机 电话卡<span class="arrow">&gt;</span></a>
                    <div class="menu_list_item">
                        <ul class="menu_list_goods menu_col_4" id="menu_list_phone">

                        </ul>
                    </div>
                </li>
                <li><a href="#">电视 盒子<span class="arrow">&gt;</span></a></li>
                <li><a href="#">笔记本 平板<span class="arrow">&gt;</span></a></li>
                <li><a href="#">家电 插线板<span class="arrow">&gt;</span></a></li>
                <li><a href="#">出行 穿戴<span class="arrow">&gt;</span></a></li>
                <li><a href="#">智能 路由器<span class="arrow">&gt;</span></a>
                    <div class="menu_list_item">
                        <ul class="menu_list_goods menu_col_4" id="menu_list_intelligence">

                        </ul>
                    </div>
                </li>
                <li><a href="#">电源 配件<span class="arrow">&gt;</span></a></li>
                <li><a href="#">个护 儿童<span class="arrow">&gt;</span></a>
                    <div class="menu_list_item">
                        <ul class="menu_list_goods menu_col_4" id="menu_list_goods">

                        </ul>
                    </div>
                </li>
                <li><a href="#">耳机 音箱<span class="arrow">&gt;</span></a></li>
                <li><a href="#">生活 箱包<span class="arrow">&gt;</span></a></li>
            </ul>
        </div>
        <!-- 定义banner -->
        <div id="banner">
            <ul>
                <li class="active">
                    <a href="#"><img src="./images/mi_banner1.jpg" alt="糯米" title="糯米"></a>
                </li>
                <li>
                    <a href="#"><img src="./images/mi_banner2.jpg" alt="糯米" title="糯米"></a>
                </li>
            </ul>
            <div id="circle-list">
                <ul>
                    <li class="active-circle"></li>
                    <li></li>
                </ul>
            </div>
            <div id="banner-left" class="banner-arrow">&lt;</div>
            <div id="banner-right" class="banner-arrow">&gt;</div>
        </div>
    </div>
    <!-- 定义分类菜单和banner图 end -->

    <!-- 定义推荐部分 start -->
    <div class="recommend con_width">
        <div class="recommend_left">
            <ul>
                <li><a href="#"><i class="iconfont icon-shouji"></i><span>选购手机</span></a><div class="bottom_line"></div></li>
                <li><a href="#"><i class="iconfont icon-lihe"></i><span>选购手机</span></a>
                    <div class="bottom_line"></div>
                </li>
                <li><a href="#"><i class="iconfont icon-Fma"></i><span>选购手机</span></a>
                    <div class="bottom_line"></div></li>
            </ul>
            <ul>
                <li><a href="#"><i class="iconfont icon-shoujiqia"></i><span>选购手机</span></a></li>
                <li><a href="#"><i class="iconfont icon-yijiuhuanxin"></i><span>选购手机</span></a></li>
                <li><a href="#"><i class="iconfont icon-huafeichongzhi"></i><span>选购手机</span></a></li>
            </ul>
        </div>
        <div class="recommend_right">
            <ul>
                <li><a href=""><img src="./images/img1.jpg" title="" alt=""/></a></li>
                <li><a href=""><img src="./images/img2.jpg" title="" alt=""/></a></li>
                <li><a href=""><img src="./images/img3.jpeg" title="" alt=""/></a></li>
            </ul>
        </div>
    </div>
    <!-- 定义推荐部分 end -->
    <!-- 糯米闪购 start -->
    <div class="flashover con_width">
        <h1 class="list_title">糯米闪购
            <div class="flashover_a">
                <a href="javascript:;" onclick="flashover('R')">&lt;</a>
                <a href="javascript:;" onclick="flashover('L')">&gt;</a>
            </div>
        </h1>
        <div class="flashover_list">
            <div class="flashover_item countdown goodlist4">
                <p class="countdown_title">18:00 场</p>
                <i class="iconfont icon-shandian"></i>
                <p class="countdown_desc">距离结束还有</p>
                <div class="countdown_time">
                    <label class="countdown_time_item" id="_h">00</label>
                    <label class="countdown_item_dot">:</label>
                    <label class="countdown_time_item" id="_m">00</label>
                    <label class="countdown_item_dot">:</label>
                    <label class="countdown_time_item" id="_s">00</label>
                </div>
            </div>
            <div class="flashover_item_con" id="shangou">
                <div class="flashover_item_con_div" id="shangouCon" style="left: 0px">

                </div>
            </div>
        </div>
    </div>
    <!-- 糯米闪购 end -->

    <!-- 广告 start -->
    <div class="ad_container con_width">
        <a href="#" alt="糯米8 6G+128G" title="糯米8 6G+128G"><img src="./images/xmad_15326189127178_tugca.jpg"></a>
    </div>
    <!-- 广告 end -->

    <!-- 产品列表 start -->
    <div class="goods">
        <!-- 手机 start -->
        <div class="flashover con_width clearfix">
            <h1 class="list_title">手机<a href="">查看更多<i class="iconfont icon-xiangyoujiantou"></i></a></h1>
            <div class="goods_item_left1">
                <a href="#"><img src="./images/xmad_15323220713837_GLBVX.jpg"/></a>
            </div>
            <div class="goods_item_right" id="list_phone">

            </div>
        </div>
        <!-- 手机 end -->

        <!-- 广告 start -->
        <div class="ad_container con_width">
            <a href="#" alt="糯米电视" title="糯米电视"><img src="./images/xmad_15329210161578_SWgUX.jpg"></a>
        </div>
        <!-- 广告 end -->

        <!-- 家电 start -->
        <div class="wiring con_width clearfix">
            <h1 class="list_title" id="houseElectricalTitle">杂货
                <ul>
                    <li class="active"><a href="#">热门</a></li>
                    <li><a href="#">电视影音</a></li>
                    <li><a href="#">电脑</a></li>
                    <li><a href="#">家居</a></li>
                </ul>
            </h1>
            <div class="wiring_left">
                <a href="#"><img src="./images/xmad_15232550390498_qwxEC.jpg"/></a>
                <a href="#"><img src="./images/xmad_15232550390498_qwxEC.jpg"/></a>
            </div>
            <div class="wiring_right" id="houseElectricalDiv">
                <!-- 热门 -->
                <div class="wiring_right_con" id="list_groceries">

                </div>
                <!-- 电视影音 -->
                <div class="wiring_right_con hide" id="list_groceries2">

                </div>
                <!-- 电脑 -->
                <div class="wiring_right_con hide" id="list_groceries3">

                </div>
                <!-- 家居 -->
                <div class="wiring_right_con hide" id="list_groceries4">

                </div>

            </div>
        </div>
        <!-- 家电 end -->

        <!-- 广告 start -->
        <div class="ad_container con_width">
            <a href="#" alt="糯米电视" title="糯米电视"><img src="./images/xmad_15330597618059_zrRgh.jpg"></a>
        </div>
        <!-- 广告 end -->

        <!-- 智能 start -->
        <div class="wiring con_width clearfix">
            <h1 class="list_title">智能
                <ul>
                    <li class="active"><a href="#">热门</a></li>
                    <li><a href="#">出行</a></li>
                    <li><a href="#">健康</a></li>
                    <li><a href="#">酷玩</a></li>
                    <li><a href="#">路由器</a></li>
                </ul>
            </h1>
            <div class="wiring_left">
                <a href="#"><img src="./images/xmad_15266395374048_JnZQo.jpg"/></a>
                <a href="#"><img src="./images/xmad_15266395374048_JnZQo.jpg"/></a>
            </div>
            <div class="wiring_right" id="list_intelligence">
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/cf6660a3-d424-4248-889f-0eed1e99a342.png" alt=""></a>
                        <p class="good_title"><a href="#">米家飞利浦智睿台灯二代</a></p>
                        <p class="good_desc">感知环境光，主动优化场景照明</p>
                        <p class="good_price">199</p>
                    </div>
                    <div class="goods_item_list_desc">
                        <p class="goods_item_list_desc_con">一流的服务、一流的设备、一流的技术、一流的设施、星级...</p>
                        <span>来自于 上网辛苦了 的评价 </span>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/cf6660a3-d424-4248-889f-0eed1e99a342.png" alt=""></a>
                        <p class="good_title"><a href="#">米家飞利浦智睿台灯二代</a></p>
                        <p class="good_desc">感知环境光，主动优化场景照明</p>
                        <p class="good_price">199</p>
                    </div>
                    <div class="goods_item_list_desc">
                        <p class="goods_item_list_desc_con">一流的服务、一流的设备、一流的技术、一流的设施、星级...</p>
                        <span>来自于 上网辛苦了 的评价 </span>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/cf6660a3-d424-4248-889f-0eed1e99a342.png" alt=""></a>
                        <p class="good_title"><a href="#">米家飞利浦智睿台灯二代</a></p>
                        <p class="good_desc">感知环境光，主动优化场景照明</p>
                        <p class="good_price">199</p>
                    </div>
                    <div class="goods_item_list_desc">
                        <p class="goods_item_list_desc_con">一流的服务、一流的设备、一流的技术、一流的设施、星级...</p>
                        <span>来自于 上网辛苦了 的评价 </span>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/cf6660a3-d424-4248-889f-0eed1e99a342.png" alt=""></a>
                        <p class="good_title"><a href="#">米家飞利浦智睿台灯二代</a></p>
                        <p class="good_desc">感知环境光，主动优化场景照明</p>
                        <p class="good_price">199</p>
                    </div>
                    <div class="goods_item_list_desc">
                        <p class="goods_item_list_desc_con">一流的服务、一流的设备、一流的技术、一流的设施、星级...</p>
                        <span>来自于 上网辛苦了 的评价 </span>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/cf6660a3-d424-4248-889f-0eed1e99a342.png" alt=""></a>
                        <p class="good_title"><a href="#">米家飞利浦智睿台灯二代</a></p>
                        <p class="good_desc">感知环境光，主动优化场景照明</p>
                        <p class="good_price">199</p>
                    </div>
                    <div class="goods_item_list_desc">
                        <p class="goods_item_list_desc_con">一流的服务、一流的设备、一流的技术、一流的设施、星级...</p>
                        <span>来自于 上网辛苦了 的评价 </span>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/cf6660a3-d424-4248-889f-0eed1e99a342.png" alt=""></a>
                        <p class="good_title"><a href="#">米家飞利浦智睿台灯二代</a></p>
                        <p class="good_desc">感知环境光，主动优化场景照明</p>
                        <p class="good_price">199</p>
                    </div>
                    <div class="goods_item_list_desc">
                        <p class="goods_item_list_desc_con">一流的服务、一流的设备、一流的技术、一流的设施、星级...</p>
                        <span>来自于 上网辛苦了 的评价 </span>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/cf6660a3-d424-4248-889f-0eed1e99a342.png" alt=""></a>
                        <p class="good_title"><a href="#">米家飞利浦智睿台灯二代</a></p>
                        <p class="good_desc">感知环境光，主动优化场景照明</p>
                        <p class="good_price">199</p>
                    </div>
                    <div class="goods_item_list_desc">
                        <p class="goods_item_list_desc_con">一流的服务、一流的设备、一流的技术、一流的设施、星级...</p>
                        <span>来自于 上网辛苦了 的评价 </span>
                    </div>
                </div>

                <div class="goods_item_list_last">
                    <div class="goods_item_last_list clearfix">
                        <div class="goods_item_last_list_left">
                            <a href="#">糯米VR眼镜</a>
                            <span>299元</span>
                        </div>
                        <div class="goods_item_last_list_right">
                            <img src="./images/pms_1477985364.89714934!220x220.jpg" />
                        </div>
                    </div>
                    <div class="goods_item_last_list clearfix">
                        <div class="goods_item_last_list_left">
                            <a href="#" class="more">
                                <p>浏览更多</p>
                                <label>热门</label>
                            </a>
                        </div>
                        <div class="goods_item_last_list_right">
                            <a href="#"><i class="iconfont icon-you"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 智能 end -->

        <!-- 广告 start -->
        <div class="ad_container con_width">
            <a href="#" alt="糯米电视" title="糯米电视"><img src="./images/xmad_15330597618059_zrRgh.jpg"></a>
        </div>
        <!-- 广告 end -->

        <!-- 搭配 start -->
        <div class="wiring con_width clearfix">
            <h1 class="list_title">搭配
                <ul>
                    <li class="active"><a href="#">热门</a></li>
                    <li><a href="#">耳机音箱</a></li>
                    <li><a href="#">电源</a></li>
                    <li><a href="#">电池存储卡</a></li>
                </ul>
            </h1>
            <div class="wiring_left">
                <a href="#"><img src="./images/xmad_15266395374048_JnZQo.jpg"/></a>
                <a href="#"><img src="./images/xmad_15266395374048_JnZQo.jpg"/></a>
            </div>
            <div class="wiring_right">
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/cf6660a3-d424-4248-889f-0eed1e99a342.png" alt=""></a>
                        <p class="good_title"><a href="#">米家飞利浦智睿台灯二代</a></p>
                        <p class="good_desc">感知环境光，主动优化场景照明</p>
                        <p class="good_price">199</p>
                    </div>
                    <div class="goods_item_list_desc">
                        <p class="goods_item_list_desc_con">一流的服务、一流的设备、一流的技术、一流的设施、星级...</p>
                        <span>来自于 上网辛苦了 的评价 </span>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/cf6660a3-d424-4248-889f-0eed1e99a342.png" alt=""></a>
                        <p class="good_title"><a href="#">米家飞利浦智睿台灯二代</a></p>
                        <p class="good_desc">感知环境光，主动优化场景照明</p>
                        <p class="good_price">199</p>
                    </div>
                    <div class="goods_item_list_desc">
                        <p class="goods_item_list_desc_con">一流的服务、一流的设备、一流的技术、一流的设施、星级...</p>
                        <span>来自于 上网辛苦了 的评价 </span>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/cf6660a3-d424-4248-889f-0eed1e99a342.png" alt=""></a>
                        <p class="good_title"><a href="#">米家飞利浦智睿台灯二代</a></p>
                        <p class="good_desc">感知环境光，主动优化场景照明</p>
                        <p class="good_price">199</p>
                    </div>
                    <div class="goods_item_list_desc">
                        <p class="goods_item_list_desc_con">一流的服务、一流的设备、一流的技术、一流的设施、星级...</p>
                        <span>来自于 上网辛苦了 的评价 </span>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/cf6660a3-d424-4248-889f-0eed1e99a342.png" alt=""></a>
                        <p class="good_title"><a href="#">米家飞利浦智睿台灯二代</a></p>
                        <p class="good_desc">感知环境光，主动优化场景照明</p>
                        <p class="good_price">199</p>
                    </div>
                    <div class="goods_item_list_desc">
                        <p class="goods_item_list_desc_con">一流的服务、一流的设备、一流的技术、一流的设施、星级...</p>
                        <span>来自于 上网辛苦了 的评价 </span>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/cf6660a3-d424-4248-889f-0eed1e99a342.png" alt=""></a>
                        <p class="good_title"><a href="#">米家飞利浦智睿台灯二代</a></p>
                        <p class="good_desc">感知环境光，主动优化场景照明</p>
                        <p class="good_price">199</p>
                    </div>
                    <div class="goods_item_list_desc">
                        <p class="goods_item_list_desc_con">一流的服务、一流的设备、一流的技术、一流的设施、星级...</p>
                        <span>来自于 上网辛苦了 的评价 </span>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/cf6660a3-d424-4248-889f-0eed1e99a342.png" alt=""></a>
                        <p class="good_title"><a href="#">米家飞利浦智睿台灯二代</a></p>
                        <p class="good_desc">感知环境光，主动优化场景照明</p>
                        <p class="good_price">199</p>
                    </div>
                    <div class="goods_item_list_desc">
                        <p class="goods_item_list_desc_con">一流的服务、一流的设备、一流的技术、一流的设施、星级...</p>
                        <span>来自于 上网辛苦了 的评价 </span>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/cf6660a3-d424-4248-889f-0eed1e99a342.png" alt=""></a>
                        <p class="good_title"><a href="#">米家飞利浦智睿台灯二代</a></p>
                        <p class="good_desc">感知环境光，主动优化场景照明</p>
                        <p class="good_price">199</p>
                    </div>
                    <div class="goods_item_list_desc">
                        <p class="goods_item_list_desc_con">一流的服务、一流的设备、一流的技术、一流的设施、星级...</p>
                        <span>来自于 上网辛苦了 的评价 </span>
                    </div>
                </div>

                <div class="goods_item_list_last">
                    <div class="goods_item_last_list clearfix">
                        <div class="goods_item_last_list_left">
                            <a href="#">糯米VR眼镜</a>
                            <span>299元</span>
                        </div>
                        <div class="goods_item_last_list_right">
                            <img src="./images/pms_1477985364.89714934!220x220.jpg" />
                        </div>
                    </div>
                    <div class="goods_item_last_list clearfix">
                        <div class="goods_item_last_list_left">
                            <a href="#" class="more">
                                <p>浏览更多</p>
                                <label>热门</label>
                            </a>
                        </div>
                        <div class="goods_item_last_list_right">
                            <a href="#"><i class="iconfont icon-you"></i></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 智能 end -->

        <!-- 广告 start -->
        <div class="ad_container con_width">
            <a href="#" alt="糯米电视" title="糯米电视"><img src="./images/xmad_15330597618059_zrRgh.jpg"></a>
        </div>
        <!-- 广告 end -->

        <!-- 为你推荐 start -->
        <div class="recommends con_width clearfix">
            <h1 class="list_title">为你推荐</h1>
            <div class="recommends_con">
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/pms_1527684990.93616987!220x220.jpg" alt=""></a>
                        <p class="good_title"><a href="#"> 红米5 移动4G+版 2GB内存 </a></p>
                        <p class="good_price">799元</p>
                        <p class="good_desc">96人好评</p>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/pms_1527684990.93616987!220x220.jpg" alt=""></a>
                        <p class="good_title"><a href="#"> 红米5 移动4G+版 2GB内存 </a></p>
                        <p class="good_price">799元</p>
                        <p class="good_desc">96人好评</p>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/pms_1527684990.93616987!220x220.jpg" alt=""></a>
                        <p class="good_title"><a href="#"> 红米5 移动4G+版 2GB内存 </a></p>
                        <p class="good_price">799元</p>
                        <p class="good_desc">96人好评</p>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/pms_1527684990.93616987!220x220.jpg" alt=""></a>
                        <p class="good_title"><a href="#"> 红米5 移动4G+版 2GB内存 </a></p>
                        <p class="good_price">799元</p>
                        <p class="good_desc">96人好评</p>
                    </div>
                </div>
                <div class="goods_item_list">
                    <div class="goodlist_content">
                        <a href="#"><img src="./images/pms_1527684990.93616987!220x220.jpg" alt=""></a>
                        <p class="good_title"><a href="#"> 红米5 移动4G+版 2GB内存 </a></p>
                        <p class="good_price">799元</p>
                        <p class="good_desc">96人好评</p>
                    </div>
                </div>
            </div>
        </div>
        <!-- 为你推荐 end -->

        <!-- 热评产品 start -->
        <div class="hotreview con_width clearfix">
            <h1 class="list_title">热评产品</h1>
            <div class="hotreview_con">
                <div class="hotreview_item">
                    <a class="hotreview_img" href="#"><img src="./images/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe.jpeg"/></a>
                    <a href="#" class="hotreview_desc">
                        包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...
                    </a>
                    <p><a class="hotreview_recommend">来自于 HZG 的评价</a></p>
                    <p class="hotreview_intro">
                        <label class="hotreview_name">米家压力IH电饭煲</label>
                        <label class="hotreview_name_line">&nbsp;</label>
                        <label class="hotreview_price">999元</label>
                    </p>
                </div>
                <div class="hotreview_item">
                    <a class="hotreview_img" href="#"><img src="./images/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe.jpeg"/></a>
                    <a href="#" class="hotreview_desc">
                        包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...
                    </a>
                    <p><a class="hotreview_recommend">来自于 HZG 的评价</a></p>
                    <p class="hotreview_intro">
                        <label class="hotreview_name">米家压力IH电饭煲</label>
                        <label class="hotreview_name_line">&nbsp;</label>
                        <label class="hotreview_price">999元</label>
                    </p>
                </div>
                <div class="hotreview_item">
                    <a class="hotreview_img" href="#"><img src="./images/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe.jpeg"/></a>
                    <a href="#" class="hotreview_desc">
                        包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...
                    </a>
                    <p><a class="hotreview_recommend">来自于 HZG 的评价</a></p>
                    <p class="hotreview_intro">
                        <label class="hotreview_name">米家压力IH电饭煲</label>
                        <label class="hotreview_name_line">&nbsp;</label>
                        <label class="hotreview_price">999元</label>
                    </p>
                </div>
                <div class="hotreview_item">
                    <a class="hotreview_img" href="#"><img src="./images/54e35fdd-bc68-4a89-bad7-c9c3bb2fc6fe.jpeg"/></a>
                    <a href="#" class="hotreview_desc">
                        包装很让人感动，式样也很可爱，做出的饭全家人都爱吃，超爱五星！手机控制还是不太熟练，最主要是没有连接...
                    </a>
                    <p><a class="hotreview_recommend">来自于 HZG 的评价</a></p>
                    <p class="hotreview_intro">
                        <label class="hotreview_name">米家压力IH电饭煲</label>
                        <label class="hotreview_name_line">&nbsp;</label>
                        <label class="hotreview_price">999元</label>
                    </p>
                </div>
            </div>
        </div>
        <!-- 热评产品 end -->

        <!-- 内容 start -->
        <div class="hotreview con_width clearfix">
            <h1 class="list_title">内容</h1>
            <div class="hotreview_con">
                <div class="hotreview_item goodlist1">
                    <p class="hotreview_item_title">图书</p>
                    <div id="tushu">
                        <ul class="tushuBanner">
                            <li class="active">
                                <a href="javascript:;">
                                    <div class="tushuCon">
                                        <p class="hotreview_item_title1">哈利·波特与被诅咒的孩子</p>
                                        <p class="hotreview_item_desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                        <p class="hotreview_item_price">29.37元</p>
                                        <p><img src="./images/5e5da924-84e3-4959-9e25-5891cdf30757.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="tushuCon">
                                        <p class="hotreview_item_title1">111111</p>
                                        <p class="hotreview_item_desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                        <p class="hotreview_item_price">29.37元</p>
                                        <p><img src="./images/5e5da924-84e3-4959-9e25-5891cdf30757.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="tushuCon">
                                        <p class="hotreview_item_title1">222222</p>
                                        <p class="hotreview_item_desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                        <p class="hotreview_item_price">29.37元</p>
                                        <p><img src="./images/5e5da924-84e3-4959-9e25-5891cdf30757.png"></p>
                                    </div>
                                </a>
                            </li>
                        </ul>
                        <div id="tushuCircle-list">
                            <ul>
                                <li class="active-circle"></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div id="tushu1Left" class="banner-arrow tsleft">&lt;</div>
                        <div id="tushu1Right" class="banner-arrow tsright">&gt;</div>
                    </div>
                </div>
                <div class="hotreview_item goodlist2">
                    <p class="hotreview_item_title">图书</p>
                    <div id="tushu1">
                        <ul class="tushuBanner">
                            <li class="active">
                                <a href="javascript:;">
                                    <div class="tushuCon">
                                        <p class="hotreview_item_title1">哈利·波特与被诅咒的孩子</p>
                                        <p class="hotreview_item_desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                        <p class="hotreview_item_price">29.37元</p>
                                        <p><img src="./images/5e5da924-84e3-4959-9e25-5891cdf30757.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="tushuCon">
                                        <p class="hotreview_item_title1">111111</p>
                                        <p class="hotreview_item_desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                        <p class="hotreview_item_price">29.37元</p>
                                        <p><img src="./images/5e5da924-84e3-4959-9e25-5891cdf30757.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="tushuCon">
                                        <p class="hotreview_item_title1">222222</p>
                                        <p class="hotreview_item_desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                        <p class="hotreview_item_price">29.37元</p>
                                        <p><img src="./images/5e5da924-84e3-4959-9e25-5891cdf30757.png"></p>
                                    </div>
                                </a>
                            </li>
                        </ul>
                        <div id="tushuCircle-list1">
                            <ul>
                                <li class="active-circle"></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div id="tushu2Left" class="banner-arrow tsleft">&lt;</div>
                        <div id="tushu2Right" class="banner-arrow tsright">&gt;</div>
                    </div>
                </div>
                <div class="hotreview_item goodlist4">
                    <p class="hotreview_item_title">图书</p>
                    <div id="tushu2">
                        <ul class="tushuBanner">
                            <li class="active">
                                <a href="javascript:;">
                                    <div class="tushuCon">
                                        <p class="hotreview_item_title1">哈利·波特与被诅咒的孩子</p>
                                        <p class="hotreview_item_desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                        <p class="hotreview_item_price">29.37元</p>
                                        <p><img src="./images/5e5da924-84e3-4959-9e25-5891cdf30757.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="tushuCon">
                                        <p class="hotreview_item_title1">111111</p>
                                        <p class="hotreview_item_desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                        <p class="hotreview_item_price">29.37元</p>
                                        <p><img src="./images/5e5da924-84e3-4959-9e25-5891cdf30757.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="tushuCon">
                                        <p class="hotreview_item_title1">222222</p>
                                        <p class="hotreview_item_desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                        <p class="hotreview_item_price">29.37元</p>
                                        <p><img src="./images/5e5da924-84e3-4959-9e25-5891cdf30757.png"></p>
                                    </div>
                                </a>
                            </li>
                        </ul>
                        <div id="tushuCircle-list2">
                            <ul>
                                <li class="active-circle"></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div id="tushu3Left" class="banner-arrow tsleft">&lt;</div>
                        <div id="tushu3Right" class="banner-arrow tsright">&gt;</div>
                    </div>
                </div>
                <div class="hotreview_item goodlist3">
                    <p class="hotreview_item_title">图书</p>
                    <div id="tushu3">
                        <ul class="tushuBanner">
                            <li class="active">
                                <a href="javascript:;">
                                    <div class="tushuCon">
                                        <p class="hotreview_item_title1">哈利·波特与被诅咒的孩子</p>
                                        <p class="hotreview_item_desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                        <p class="hotreview_item_price">29.37元</p>
                                        <p><img src="./images/5e5da924-84e3-4959-9e25-5891cdf30757.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="tushuCon">
                                        <p class="hotreview_item_title1">111111</p>
                                        <p class="hotreview_item_desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                        <p class="hotreview_item_price">29.37元</p>
                                        <p><img src="./images/5e5da924-84e3-4959-9e25-5891cdf30757.png"></p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <div class="tushuCon">
                                        <p class="hotreview_item_title1">222222</p>
                                        <p class="hotreview_item_desc">“哈利·波特”第八个故事中文版震撼来袭！特别彩排版剧本！</p>
                                        <p class="hotreview_item_price">29.37元</p>
                                        <p><img src="./images/5e5da924-84e3-4959-9e25-5891cdf30757.png"></p>
                                    </div>
                                </a>
                            </li>
                        </ul>
                        <div id="tushuCircle-list4">
                            <ul>
                                <li class="active-circle"></li>
                                <li></li>
                                <li></li>
                            </ul>
                        </div>
                        <div id="tushu4Left" class="banner-arrow tsleft">&lt;</div>
                        <div id="tushu4Right" class="banner-arrow tsright">&gt;</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 内容 end -->

        <!-- 视频 start -->
        <div class="video con_width clearfix">
            <h1 class="list_title">视频</h1>
            <div class="video_con">
                <div class="video_item">
                    <div class="video_item_img">
                        <a href="#"><img src="./images/xmad_15278351912522_frJQc.jpg" alt=""></a>
                        <p class="video_icon"><i class="iconfont icon-shipin"></i></p>
                    </div>
                    <p class="video_name"><a href="#">糯米8，一部与众不同的手机</a></p>
                    <p class="video_desc">透明探索版，将科技与美学完美结合</p>
                </div>
                <div class="video_item">
                    <div class="video_item_img">
                        <a href="#"><img src="./images/xmad_15278351912522_frJQc.jpg" alt=""></a>
                        <p class="video_icon"><i class="iconfont icon-shipin"></i></p>
                    </div>
                    <p class="video_name"><a href="#">糯米8，一部与众不同的手机</a></p>
                    <p class="video_desc">透明探索版，将科技与美学完美结合</p>
                </div>
                <div class="video_item">
                    <div class="video_item_img">
                        <a href="#"><img src="./images/xmad_15278351912522_frJQc.jpg" alt=""></a>
                        <p class="video_icon"><i class="iconfont icon-shipin"></i></p>
                    </div>
                    <p class="video_name"><a href="#">糯米8，一部与众不同的手机</a></p>
                    <p class="video_desc">透明探索版，将科技与美学完美结合</p>
                </div>
                <div class="video_item">
                    <div class="video_item_img">
                        <a href="#"><img src="./images/xmad_15278351912522_frJQc.jpg" alt=""></a>
                        <p class="video_icon"><i class="iconfont icon-shipin"></i></p>
                    </div>
                    <p class="video_name"><a href="#">糯米8，一部与众不同的手机</a></p>
                    <p class="video_desc">透明探索版，将科技与美学完美结合</p>
                </div>
            </div>
        </div>
        <!-- 视频 end -->
    </div>
    <!-- 产品列表 end -->

    <script type="text/javascript" charset="utf-8" src="./js/tail1.js"></script>
    
    <template id="template_goodsMenu_list">
        <li>
            <a href="#">
                <img src="{{goodsUrl}}" alt="">
                <span style="padding-left: 10px">{{phoneName}}</span>
            </a>
        </li>
    </template>

    <template id="template_flashover_list">
        <div class="flashover_item flashover_goodlist goodlist1">
            <a href="#" >
                <div class="goodlist_content">
                    <img src="{{goodsUrl}}" alt="">
                    <p class="good_title">{{phoneName}}</p>
                    <p class="good_desc">8+128GB</p>
                    <p class="good_price">{{price}}元 <label>9999元</label></p>
                </div>
            </a>
        </div>
    </template>


    <template id="template_phone_list">
        <div class="goods_item_list">
            <div class="goodlist_content">
                <a href="#"><img src="{{goodsUrl}}" alt=""></a>
                <p class="good_title"><a href="#">{{phoneName}}</a></p>
                <p class="good_desc">8+128GB</p>
                <p class="good_price">{{price}}元</p>
            </div>
        </div>
    </template>

    <template id="template_groceries_list">
        <div class="goods_item_list">
            <div class="goodlist_content">
                <label class="{{id}}">享8折</label>
                <a href="javascript:void(0);" onclick="addIntoCart(this)"><img src="{{goodsUrl}}" ></a>
                <p class="good_title"><a href="#">{{phoneName}}</a></p>
                <p class="good_desc">{{goodsName}}</p>
                <p class="good_price">{{price}}元</p>
            </div>
            <div class="goods_item_list_desc">
                <p class="goods_item_list_desc_con">丝袜给我惊喜，昨天下午下单，第二天上午就送到家啦...</p>
                <span> 来自于 柳岩 的评价</span>
            </div>
        </div>
    </template>



</div>
<script type="text/javascript" charset="utf-8" src="./js/index1.js"></script>
</body>
</html>